<!-- 主题设置模板 -->
<style>
  #yclapp .el-descriptions__body th {
    text-align: center;

  }

  #yclapp .el-descriptions__body td {
    text-align: center;

  }
</style>

<div id="yclapp">



  <el-descriptions column="5" :colon="false" size="small" direction="vertical">
    <el-descriptions-item label="类型">
      <i class="el-icon-s-home">库存</i>
    </el-descriptions-item>
    <el-descriptions-item v-for="item in 4">
      <template slot="label">
        <el-tag size="mini" effect="dark" style="padding: 0 3px;">R{{item}}</el-tag>
      </template>
      99
    </el-descriptions-item>

  </el-descriptions>

  <el-descriptions column="5" :colon="false" size="mini" direction="vertical">
    <el-descriptions-item>
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-wuliu"></use>
      </svg>一期
    </el-descriptions-item>
    <el-descriptions-item v-for="item in 4">
      99
    </el-descriptions-item>

  </el-descriptions>
  <el-descriptions column="5" :colon="false" size="mini" direction="vertical">
    <el-descriptions-item>
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-wuliu"></use>
      </svg>二期
    </el-descriptions-item>
    <el-descriptions-item v-for="item in 4">
      99
    </el-descriptions-item>

  </el-descriptions>





</div>



<script>
  //若需用到 layui 组件，layui.use 需写在该全局方法里面，如：
  layui.use(['admin', 'identityApi', 'view'], function () {

    var admin = layui.admin;
    var identityApi = layui.identityApi;
    var gameId = layui.router().search.id;
    var view = layui.view;

    var myApp = new Vue({
      el: '#yclapp',
      data: function () {
        return {
          gameId: gameId, // 假设这是从某处获取的游戏ID  
          count: 0,
          dataList: []
        }
      }
      , methods: {

        getData() {

        },

      },
      mounted: function () {
        // this.getData();


      },
      created: function () {
        //	this.getData();
      },


    });

  });

</script>